<template>
  <div>
    Login
    <input type="text" v-model="username" />
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "admin"
    };
  },
  methods: {
    async login() {
      try {
        // 会有vue-router路由版本更新产生的问题，因此使用catch抛出错误
        await this.$store.dispatch("user/login", { username: this.username });
        this.$router.push({path: '/'}).catch(err=>{
          console.log(err)
        });
      } catch (error) {
        alert(error);
      }
    }
  }
};
</script>

<style lang="scss" scoped>
</style>